@extends('web.common.main2')
@section('container')
<style>
#contaner{
  width:1280px;
  height: 800px;
  margin: 0 auto;
}
.img-wrapper{
  position: relative;
  width:458px;
  height:264px;
}

.tishi{
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 80px;
  background: #000;
  display: block;
  zoom: 1;
  filter:alpha(opacity=40);
  opacity: 0.4;
  width: 100%;
  color: #fff;
  line-height: 80px;
  display: none;
}
.activity{
  margin-top: 52px;
  padding: 0px;
  height: 12px;
  line-height:12px;
   list-style: none;
}
.activity li{
  float: left;
  font-size:12px ;
}
.tuwen2{
  margin-top:58px;
  height:284px ;
}
.LQ .video{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.LQ .video li{
  float: left;
  width: 402px;
  height: 326px;
  margin-top:58px;
  margin-right: 37px;
}
.LQ .video li:nth-child(3n){
  margin-right: 0;
}
.video li:nth-child(3n){
  margin-right: 0;
}
 .img-wrapper:hover span{
  display:block;
 }
</style>
<div class="hb-banner hb-banner_active">
    <ul>
        <li style='background-image: url("/img/active/banner.jpg")'></li>
    </ul>
    <div class="hb-banner-bar">
        <div class="hb-contain">
            <!-- <a href="#" class="arr arr-prev"></a> -->
            <ul class="col4">
                <li>
                    <a href="?id=4" <? if($id==4) echo ' class="current"' ?>>培训类活动</a>
                </li>
                <li>
                    <a href="?id=2" <? if($id==2) echo ' class="current"' ?>>研讨类活动</a>
                </li>
                <li>
                    <a href="?id=3" <? if($id==3) echo ' class="current"' ?>>外拓类活动</a>
                </li>
                <li>
                    <a href="?id=1" <? if($id==1) echo ' class="current"' ?>>考察类活动</a>
                </li>
            </ul>
            <!-- <a href="#" class="arr arr-next"></a> -->
        </div>
    </div>
</div>
<div class="hb-contain">
  <div id="contaner">

  				<ul class="activity">
  					<li style="color:#595757;">碳银活动</li>
  					<li style="width: 30px;"><font style="font-weight:bold;margin-left:13px;position: relative;bottom: 3px;">.</font></li>
  					<li style="color: #00478B;">培训类活动</li>
  				</ul>

          <? if(isset($listData[0])){
            foreach ($listData as $key => $val) { ?>
              <a href="/infoT?id={{$val['id']}}">
            <div class="tuwen2">
              <div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">

                <div class="img-wrapper" >
                  <img src="{{$val['picture'].'?x-oss-process=image/resize,w_458,h_264,m_fill'}}" />
                  <span class="tishi"><center>{{$val['title']}}</center></span>
                </div>

              </div>
              <div style="float: right;width: 652px;height: 282px;">
                  <div style="margin-top: 54px; width: 652px;height: 230px;">
                    <div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">{{$val['title']}}</div>
                    <div style="height: 18px;padding-bottom: 26px;">
                      <!-- <div style="float: left;"><img src="img/z5.png"/></div> -->
                      <!-- <div style="float: left; color: #999999;font-size: 14px;">2017年8月18日</div> -->
                      <!-- <div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
                      <div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div> -->
                    </div>
                    <div style="font-size: 18px;color: #666666;">
                      {{$val['abstracts']}}
                    </div>
                  </div>
              </div>
            </div>
          </a>
        <?  }
          } ?>
      <!-- <a href="/info?type=tanwin_lib&flag=3&id=1735">
    <div class="tuwen2">
      <div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">

        <div class="img-wrapper" >
          <img src="http://tanwinimages.oss-cn-hangzhou.aliyuncs.com/paratext/20170929/494dbad2d7a039909d7475e2403c5e61.jpg" style="height:264px;width:458px;" />
          <span class="tishi"><center>共话污泥千亿级市场 碳银第二期超级合伙人交流沙龙成功举办</center></span>
        </div>

      </div>
      <div style="float: right;width: 652px;height: 282px;">
          <div style="margin-top: 54px; width: 652px;height: 230px;">
            <div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">共话污泥千亿级市场 碳银第二期超级合伙人交流沙龙成功举办</div>
            <div style="height: 18px;padding-bottom: 26px;">
              <div style="float: left;"><img src="img/z5.png"/></div>
              <div style="float: left; color: #999999;font-size: 14px;">2017年9月22日</div>
              <div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
              <div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
            </div>
            <div style="font-size: 18px;color: #666666;">
              污泥处理处置行业在“十三五”期间终于迎来了春天，加快了市场化、产业化的发展步伐。业界普遍预测，在未来5年内，污泥处理处置产业带来的市场体量将达到千亿级。
            </div>
          </div>
      </div>
    </div>
  </a>
  <a href="market_coo/info?id=1">
<div class="tuwen2">
  <div  style="float:left;width: 458px; height:264px;background-color: white;padding-top: 10px;padding-left: 10px;padding-right: 10px;padding-bottom: 10px;">

    <div class="img-wrapper" >
      <img src="img/h1.jpg" style="height:264px;width:458px;" />
      <span class="tishi"><center>碳银“超级合伙人”亮相 合力开辟光伏新蓝海</center></span>
    </div>

  </div>
  <div style="float: right;width: 652px;height: 282px;">
      <div style="margin-top: 54px; width: 652px;height: 230px;">
        <div style="font-size: 24px;color: #00478B;padding-bottom: 16px;">碳银“超级合伙人”亮相 合力开辟光伏新蓝海</div>
        <div style="height: 18px;padding-bottom: 26px;">
          <div style="float: left;"><img src="img/z5.png"/></div>
          <div style="float: left; color: #999999;font-size: 14px;">2017年8月18日</div>
          <div style="float: left;margin-left: 20px;"><img src="img/z6.png"/></div>
          <div style="float: left;color: #999999;font-size: 14px;">浙江杭州</div>
        </div>
        <div style="font-size: 18px;color: #666666;">
          8月18日，国内首个节能环保领域的合伙创业平台——浙江碳银在杭成功举办“绿享汇”第一期超级合伙人交流沙龙。现场汇聚了来自全国近10个省市的50余位超级合伙人，形成“碳银+合伙人”的强大合力。
        </div>
      </div>
  </div>
</div>
</a> -->
  			<div style="margin-top: 30px;float: right;padding-bottom: 52px;">
  				<!-- <img src="img/1.png" /> -->
  			</div>

        <div style="clear: both;border-top: 1px dashed #999999;padding-top: 51px;">
          <span style="font-size: 12px;color:#595757;">碳银活动</span>
          <span style="color:#00478B;position:relative;bottom:3px;margin-left: 10px;font-weight: bold;margin-right: 10px;">.</span>
          <span style="color: #00478B;font-size: 12px;">碳银视频</span>
        </div>
        <div class="LQ">
          <ul class="video">
            <li>
              <a href="/market_coo/video?id=7">
              <div style="height: 230px;width: 402px;">
                <img src="img/v2.jpg" width="402px" height="230px"/>
              </div>
              <div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
              <div style="height: 18px;line-height: 18px;">
                <div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;"> 浙江碳银污泥处置项目产品及营销培训</div>
                <div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
                <div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
                  2017年9月22日，“绿享汇”第二期超级合伙人交流沙龙现场，浙江碳银副总经理袁裕国与超级合伙人把脉污泥处理处置行业痛点，共商产业生态化发展前景。
                </div>
              </div>
            </a>
            </li>
  					<li>
              <a href="/market_coo/video?id=1">
  						<div style="height: 230px;width: 402px;">
  							<img src="/img/activity1.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;"> 浙江碳银“超级合伙人”服务体系介绍</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年8月18日，绿享汇第一期超级合伙人交流沙龙，浙江碳银执行总经理褚铭讲解“超级合伙人”服务体系，合作共赢天下。
  							</div>
  						</div>
            </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=2">
  						<div style="height: 230px;width: 402px;">
  							<img src="/img/activity2.png" width="402px" height="230px"/>

  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">浙江碳银民居分布式光伏电站项目产品及营销培训</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								浙江碳银网互联网科技有限公司成功举办 “绿享汇” 2017年8月18日，绿享汇第一期超级合伙人交流沙龙，浙江碳银副总经理袁裕国讲解民居分布式光伏电站项目产品及营销培训。
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=3">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity3.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">2017年8月18日绿享汇第一期超级合伙人交流沙龙</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								8.18日，碳银“绿享会”第一期超级合伙人交流沙龙暨光伏产品发布与示范项目签约仪式在杭州萧山湘湖驿站成功举行。现场融聚了60余位来自全国各地的碳银超级合伙人，共同开辟光伏领域的新蓝海市场。
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=4">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P1</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=5">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P2</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  					<li>
              <a href="/market_coo/video?id=6">
  						<div style="height: 230px;width: 402px;">
  							<img src="img/activity4.png" width="402px" height="230px"/>
  						</div>
  						<div style="margin-bottom:20px;width:402px;height:10px;background-color:#008ed3 ;"></div>
  						<div style="height: 18px;line-height: 18px;">
  							<div style="font-size: 18px;color: #333333;float: left;padding-bottom: 14px;">绿色金融与水环境产业生态化发展研讨会圆桌论坛P3</div>
  							<div style="float: right;margin-right: 10px;position: relative;bottom: 10px;"> </div>
  							<div style="clear: both;color: #999999;margin-top:14px; font-size: 14px;">
  								2017年6月25日，浙江省首个绿色金融与水环境产业生态化研讨会在杭举行，现场中国科学院院士曲久辉等专家共同参与了绿色金融如何推动水环境产业发展圆桌论坛讨论
  							</div>
  						</div>
              </a>
  					</li>
  				</ul>

        </div>
        <div style="clear:both;width: 1280;height:104px;"></div>
        <div style="margin-top: 10px;float: right;padding-bottom: 22px;"></div>
      </div>

  	</body>
</div>
@endsection
